<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input class="myinp" />
    <button class="btn">点击</button>
    <script>
        // 三目运算符 三元运算符 
        // 相当于 if 和else 的另外形式 
        // var score = 35;
        // if(score>=60){
        //     console.log("及格了");
        // }else{
        //     console.log("没有及格");
        // }

        // 三元运算符 
        // 条件?'条件为true的时候执行':'条件为false的时候执行';

        // var res = false?'true的时候赋值':'false的时候赋值';
        // console.log(res);
        // var score = 66;
        // var res = score>=60?'及格了':'不及格';
        // console.log(res);


        // var btn = document.getElementsByClassName("btn")[0];
        
        // var flag  = true;

        // btn.onclick = function(){
        //     flag = !flag
        //     // console.log(flag);
        //     var res = flag?'我是张三':'我是李四';
        //     console.log(res);
        // }

        // 下雨了 带伞 否者 就不带伞
        var myinpEle = document.getElementsByClassName("myinp")[0];
        var btn = document.getElementsByClassName("btn")[0];
        btn.onclick = function(){
            var val = myinpEle.value;
            var res = val=="下雨了"?'带伞':'不带伞';
            // console.log(res);
            alert(res);
        }

    </script>
</body>
</html>